<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>属性选择器</title>
	<script src="jquery-1.11.1.js"></script>
	<script>
		$(document).ready(function(){
			// console.log('test');

			// 属性选择器 
			// $("a[href]").css("color","red");

			// [attr = value]
			// $("a[href='www.baidu.com']").css("font-size",'40px');

			// [attr !=value ]
			// $("a[href!='www.baidu.com']").css("font-size",'40px');

			// [attr^=value]  包涵时候
			// $("a[href^='http']").css("font-size","40px");

			//[attr$=value] 位数为
			// $("a[href$='com']").css('font-size','40px');

			//[attr*=value] 
			// $("a[href*='bai']").css('font-size','40px');

			// [attr][attr] 都满足 交集
			$("a[href][title*='baidu']").css('font-size',"40px");
			 // $("a[href][title*='的']").css("font-size","40px");


		})
	</script>
</head>
<body>
	<div class="divItem">
		<a href="www.baidu.com" title='baidu'>百度</a>
		<a href="http://sina.com.cn">新浪</a>
		 <a href="http://web.itcast.cn" title="我是title的内容">前端移动</a>
		<a >我没有href</a>
	</div>
</body>
</html>